Demostración de la Propiedad object-fit en CSS

La propiedad object-fit se utiliza para definir cómo se ajusta el contenido de una imagen dentro de su contenedor. A continuación se muestran diferentes valores aplicados.

Sin object-fit (por defecto)

Sin object-fit

object-fit: cover

cover

object-fit: contain

contain

object-fit: fill

fill

object-fit: none

none

object-fit: scale-down

scale-down